import { chakra } from "@chakra-ui/react";

const ChakraLogo = (props) => (
  <chakra.svg
    viewBox="0 0 257 257"
    xmlns="http://www.w3.org/2000/svg"
    {...props}
  >
    <rect width="257" height="257" rx="128.5" fill="url(#mark)"></rect>
    <path
      d="M69.558 133.985l87.592-86.9891c1.636-1.6251 4.27.3525 3.165 2.377l-32.601 59.7521c-.728 1.332.237 2.958 1.755 2.958h56.34c1.815 0 2.691 2.223 1.364 3.462l-98.7278 92.142c-1.7702 1.652-4.4051-.676-2.9839-2.636l46.7357-64.473c.958-1.322.014-3.174-1.619-3.174H70.9673c-1.7851 0-2.6759-2.161-1.4093-3.419z"
      fill="#fff"
    ></path>
    <defs>
      <linearGradient
        id="mark"
        x1="128.5"
        x2="128.5"
        y2="257"
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#7BCBD4"></stop>
        <stop offset="1" stopColor="#29C6B7"></stop>
      </linearGradient>
    </defs>
  </chakra.svg>
);

export default ChakraLogo;
